<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/checkout.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="css/content_bottem.css"/>
		<style>
/*body*/
			#one span,#two span,#three span,#four span,#b ul li a span,#c_ul02 li a span,#li_span,
			#p_03 span,
			#pimg_top_left span,#pimg_center_left span,#pimg_bottom_left span,#footer_right_center ul li span{
				background-image: url(img/img-sprite.png);
			}
/*header*/		
			#info{
				height: 257px;
				background: url(img/product.jpg) no-repeat;
				background-size: cover;
			}			
/*content*/
			#img_01{background: url(img/be.jpg) no-repeat;}
			#img_02{background: url(img/be1.jpg) no-repeat;}
			#img_03{background: url(img/be2.jpg) no-repeat;}
			
			#left_img{background: url(img/pro.jpg) no-repeat;}

			#content_bottem{background: url(img/product2.jpg) no-repeat;background-size: cover;}			
/*footer*/
			#pimg_top_right{background: url(img/f1.jpg) no-repeat;}
			#pimg_center_right{background: url(img/f2.jpg) no-repeat;}
			#pimg_bottom_right{background: url(img/f3.jpg) no-repeat;}
		</style>
	</head>
	<body>
		<div id="container">
<!--header-->
			<div id="header">
				<div id="header_top">
					<div id="header_top_left">
						<div id="one"><span></span>
							<a href="#">Info@example.com</a>
						</div>
						<div id="two"><span></span>
							<a href="#">04622616161</a>
						</div>
					</div>
					<div id="header_top_right">
						<div id="three"><span></span>
							<a href="#">Login</a>
						</div>
						<div id="four"><span></span>
							<a href="#">Create an Account</a>
						</div>
					</div>					
				</div>
				<div id="header_center">
					<div id="a">Amberegul</div>
					<div id="b">
						<ul>
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="single.html">Pages</a>
							</li>
							<li>
								<a href="single.html">Blog</a>
							</li>
							<li>
								<a href="product.html">Products</a>
							</li>
							<li>
								<a href="contact.html">Contact</a>
							</li>
							<li>
								<a href="#"><span></span></a>
							</li>
						</ul>
					</div>
					<div id="c">
						<ul id="c_ul01">
							<li><a href="checkout.html">$0.00(0 items)</a></li>
							<li><a href="checkout.html">Empty Cart</a></li>
						</ul>
						<ul id="c_ul02">
							<li><a href="checkout.html"><span></span></a></li>
						</ul>
					</div>
				</div>
				<div id="header_bottem">
					<div id="bottem_right">
						<ul>
							<li><a href="index.html">Home</a></li>
							<span id="li_span"></span>
							<li><a href="about.html">About</a></li>
						</ul>
					</div>
				</div>
				<div id="info">
					<div id="info_center">
						<p>CHECKOUT</p>
					</div>
				</div>
			</div>
	<!--content-->
			<div id="content">
				<div id="content_top">
					<div id="content_top_left">
						<span>BEST SELLERS</span>
						<hr width="100%" size="1" />
						<div id="left_img_p">
							<div id="img_p01">
								<div id="img_01"></div>
								<div id="p_01">
									<p>Lorem ipsum dolor</p>
									<p>sit amet consectetuer</p>
									<p id="p_color">$40.00</p>
								</div>
							</div>
							<div id="img_p02">
								<div id="img_02"></div>
								<div id="p_02">
									<p>Lorem ipsum dolor</p>
									<p>sit amet consectetuer</p>
									<p id="p_color">$40.00</p>
								</div>
							</div>
							<div id="img_p03">
								<div id="img_03"></div>
								<div id="p_03">
									<p>Lorem ipsum dolor</p>
									<p>sit amet consectetuer</p>
									<span></span><span></span><span></span><span></span><span></span>
									<p id="p_color"><s>$70.00</s>$40.00</p>
								</div>
							</div>
						</div>
						<div id="left_img">
							<div id="img_p">
								<p id="p01">DISCOUNT</p>
								<p id="p02">Up to</p>
								<p id="p03">60%</p>
							</div>	
						</div>
					</div>
					<div id="content_top_right">
						<span id="span_p">My Shopping Bag (2)</span>
						<table border="0px" cellspacing="0px" cellpadding="0px" id="table01">
							<tr id="tr01">
								<td>Item</td>
								<td>Product Name</td>
								<td>Unit Price</td>
								<td>Stock Status</td>
								<td></td>
							</tr>
						</table>
						<table border="0px" cellspacing="0px" cellpadding="0px" id="table02">
							<tr id="tr02">
								<td>
									<span id="small_img"><img src="img/close_1.png"/></span>
									<span id="big_img"><img src="img/f1.jpg"/></span>
								</td>
								<td>Woo Dress</td>
								<td>$60.00</td>
								<td>In Stock</td>
								<td><input type="submit" name="" id="" value="ADD TO CART" /></td>
							</tr>
						</table>
						<hr size="1" width="100%" color="#FF5D56"/>
						<table border="0px" cellspacing="0px" cellpadding="0px" id="table03">
							<tr id="tr03">
								<td>
									<span id="small_img"><img src="img/close_1.png"/></span>
									<span id="big_img"><img src="img/f2.jpg"/></span>
								</td>
								<td>Woo Dress</td>
								<td>$60.00</td>
								<td>In Stock</td>
								<td><input type="submit" name="" id="" value="ADD TO CART" /></td>
							</tr>
						</table>	
					</div>
				</div>
				<div id="content_bottem">
					<div id="big_border">
						<div id="small_border_p">
							<span>HAPPY SHOPING</span>
							<p>Lorem Ipsum sit amet consectuer adipiscing elit sed diam</p>
							<p>nonummy nibu euismod</p>
						</div>
					</div>
				</div>
			</div>
		<!--footer-->		
			<div id="footer">
				<div id="footer_content">
					<div id="footer_left">
						<p>QUICK CONTACT</p>
						<hr  width="100%" color="#000000" size="1"/><br />
						<ul id="ul01">
							<li></li>
							<li>ENTER YOUR EMAIL*</li>
							<li>ENTER YOUR PHONE</li>
						</ul>
						<ul id="ul02">
							<li>ENTER YOUR MESSAGE*</li>
						</ul>
						<ul id="ul03">
							<li><a href="#">SEND MESSAGE</a></li>
						</ul>
					</div>
					<div id="footer_center">
						<p>TOP RATED PRODUCTS</p>
						<hr  width="100%" color="#000000" size="1"/>
						<div id="center_pimg">
							<div id="pimg_top">
								<div id="pimg_top_left">
									<p id="p_top">Winter Combo Style</p>
									<span></span><span></span><span></span><span></span><span></span>
									<p id="p_bottom"><s>$70.00</s>$40.00</p>
								</div>
								<div id="pimg_top_right">
									<ul><li></li></ul>
								</div>
							</div>
							<div id="pimg_center">
								<div id="pimg_center_left">
									<p id="p_top">Winter Combo Style</p>
									<span></span><span></span><span></span><span></span><span></span>
									<p id="p_bottom"><s>$70.00</s>$40.00</p>
								</div>
								<div id="pimg_center_right">
									<ul><li></li></ul>
								</div>
							</div>
							<div id="pimg_bottom">
								<div id="pimg_bottom_left">
									<p id="p_top">Winter Combo Style</p>
									<span></span><span></span><span></span><span></span><span></span>
									<p id="p_bottom"><s>$70.00</s>$40.00</p>
								</div>
								<div id="pimg_bottom_right">
									<ul><li></li></ul>
								</div>
							</div>
						</div>
					</div>
					<div id="footer_right">
						<div id="footer_right_top">
							<div id="right_top_img">
								 <img src="img/lo.png"/>
							</div>
							<div id="right_top_p">
								<h3>Amberegul Theme</h3>
								<p>Was designed for opencart,<br />
									magento,woocommerce and<br />
									prestashop platforms.It is<br />
									based on Bootstarp.
								</p>
							</div>
						</div>
						<div id="footer_right_center">
							<div id="center_auto">
								<p>Bandung,Indonesia</p>
								<p>40553</p>
								<ul>
									<li><span id="span1"></span>+62&nbsp;226759804</li>
									<li><span id="span2"></span>blithemes</li>
									<li><span id="span3"></span>info@example.com</li>
									<li><span id="span4"></span>http://example.com</li>
								</ul>
							</div>
						</div>
						<div id="footer_rigth_bottem">
							<div id="bottem_auto">
								<img src="img/pa.png"/>
							</div>
						</div>
					</div>
					<hr width="100%" size="1" color="#000000"/>
					<p align="center">Copyright&nbsp;&copy;&nbsp;2015 Company name All rights reserved.</p>
				</div>			
			</div>	
		</div>
	</body>
</html>
